<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@include file= "/WEB-INF/pages/base/commImportPage.jsp" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外部领用</title>
    <meta charset="utf-8">
    <!--[if lt IE 9]><script src="${resourcePath}/js/comm/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="${resourcePath}/tags/bootstrap/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/comm/base_v3.0.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/comm/paging.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/comm/Package.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/guandaoqingli/pipe.css">
    <script src="${pageContext.request.contextPath}/js/eqpt/extemalUse.js"></script>
    
    <script src="${pageContext.request.contextPath}/js/pipe/tabPage.js"></script>
    
    
</head>
<body class="body-pad" style="padding-bottom:100px">
<div class="container-fluid warp insp-container">
    <div class="row-fluid  bg-white1">
        <div class="main clearFix">
            <ul class="tab-li">
                <li menuCode="PIC_EQPT_SBGL"><a href="<%=rootPath%>/eqpt/equipment/equipmentInfo/equipmentInfoPage.html">设备管理</a></li>
                <li menuCode="PIC_EQPT_NBLY"><a href="<%=rootPath%>/eqpt/equipment/empUse/empUsePage.html">内部领用</a></li>
                <li menuCode="PIC_EQPT_WBLY" class="active"><a href="<%=rootPath%>/eqpt/equipment/extemalUse/extemalUsePage.html">外部领用</a></li>
            </ul>
            <div class="sj-main" search="<%=rootPath%>/eqpt/equipment/extemalUse/getExtemalUse.json"  init="true" >
                <!-- 内部领用-->
                <form id="equipmentInfoQueryForm" name="queryForm">
                <div class="sj-1 clearFix">
                    <div class="html-header">
                        <p class="header-title">
                            领用信息管理
                            <a  class="btn btn-w120 btn-add-icon btn-h30 add"  modal='#add' title='新建外部领用信息' url='<%=rootPath%>/eqpt/equipment/extemalUse/addExtemalUse.json' style="left:20px"><em></em>新建外部领用</a>
                        </p>
                    </div>
                    <div style="margin-top:45px" class="se-bt clearFix">
                        <div class="sel w200">
                            <i class="d-name">领用单位</i>
                            <input type="text" placeholder="领用单位"  maxlength="80" class="input-w130" data-name="useCompany">
                        </div>
                        <div class="sel w140">
                            <i class="d-name">领用人</i>
                            <input type="text" placeholder="领用人"  maxlength="80" class="input-w130" data-name="useUser">
                        </div>
                        <div class="sel w140">
                            <i class="d-name">联系电话</i>
                            <input type="text" placeholder="联系电话"  maxlength="80" class="input-w130" data-name="mobile">
                        </div>
                        <div class="sel w200">
                            <i class="d-name">设备编号</i>
                            <div class="sel w410 clearFix" style="margin-top:5px;width:67%;">
			                    <div class="dropdown-list" style="float:left;width:100%"  data-name="eqptEquipmentId" text="设备编号" url="<%=request.getContextPath() %>/eqpt/equipment/equipmentInfo/getQuipment.json" sel-id="id" sel-name='customNumber'>
			                        <div class="drop-list drop-list-min" style="width:100%;height:28px;">
			                            <div class="checked" style="width:91%;height:28px;">
			                                <a href="javascript:void(0);">性别</a>
			                            </div>
			                        </div>
			                        <ul class="select select-min none" style="width:146px;">
			                            <li><a href="javascript:void(0);">男</a></li>
			                            <li><a href="javascript:void(0);" id="s">女</a></li>
			                        </ul>
			                    </div>
			                </div>
                        </div>
                      
                        <div class="sel w305">
                            <i class="d-name">领用日期</i>
                            <span maxlength="5" style="float: left; ime-mode: disabled;" class="time"><input data-name='bstartDate' class="laydate-icon" onclick="laydate({format: 'YYYY-MM-DD'})"><em></em></span>
                            <span class="fg">-</span>
                            <span maxlength="5" style="float: left; margin-left: 0px; ime-mode: disabled;" class="time"><input  data-name='estartDate'  class="laydate-icon" onclick="laydate({format: 'YYYY-MM-DD'})"><em></em></span>
                        </div>
                        <div class="sel w305">
                            <i class="d-name">预计归还日期</i>
                            <span maxlength="5" style="float: left; ime-mode: disabled;" class="time"><input  data-name='splanEndDate' class="laydate-icon" onclick="laydate({format: 'YYYY-MM-DD'})"><em></em></span>
                            <span class="fg">-</span>
                            <span maxlength="5" style="float: left; margin-left: 0px; ime-mode: disabled;" class="time"><input  data-name='eplanEndDate' class="laydate-icon" onclick="laydate({format: 'YYYY-MM-DD'})"><em></em></span>
                        </div>
                        <div class="sel w200">
                            <i class="d-name">设备用途</i>
                           <div class="dropdown-list" style="float:left;width:100%" data-name="pigTaskId" text="设备用途" url="<%=request.getContextPath() %>/eqpt/equipment/extemalUse/getTask.json" sel-id="ID" sel-name='NAME'>
		                        <div class="drop-list drop-list-min" style="width:100%;height:28px;">
		                            <div class="checked" style="width:91%;height:28px;">
		                                <a href="javascript:void(0);">性别</a>
		                            </div>
		                        </div>
		                        <ul class="select select-min none" style="width:206px;">
		                            <li><a href="javascript:void(0);">男</a></li>
		                            <li><a href="javascript:void(0);" id="s">女</a></li>
		                        </ul>
		                    </div>
                        </div>
                        <a style="float:left" class="btn btn-w100 btn-search-icon btn-h30 search" href="javascript:void(0)">查询</a>
                    </div>
                    <p class="tool pad20" >
                        <a  href="javascript:;" class="btn-del-icon delAll" url="<%=rootPath%>/eqpt/equipment/extemalUse/delExtemalUse.json"><em>删除</em></a>
                    </p>
                    <div class="l-r clearFix pad20">
                        <div class="left">
                            <div class="info-header clearFix tabBox" delurl="<%=rootPath%>/eqpt/equipment/extemalUse/delExtemalUse.json">
                            </div>
                        </div>
                    </div>
                  
                </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!--外部设备管理-->
<div id="add" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width: 800px; height:450px; margin-left: -400px; top: 15%; display: none;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 class="PopupTitle" style="text-align:center">新建设备</h3>
    </div>
    <div class="modal-body copy-tan" style="height:300px">
        <ul class="ul-title">
            <li><span style="color:#ff0000">*</span>领用单位 </li>
            <li><span style="color:#ff0000">*</span>领用人</li>
            <li style="margin-right:0"><span style="color:#ff0000">*</span>联系电话</li>
        </ul>
        <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <input type="text" placeholder="领用单位"  maxlength="80"   class="noNull" data-name="useCompany" style="margin-top:5px" >
                </div>
            </li>
            <li class="li1" style="border-bottom:none">
                 <div class="sel w410">
                    <input type="text" class="noNull" placeholder="领用人"   class="noNull" maxlength="80" data-name="useUser" style="margin-top:5px" >
                </div>
            </li>
             <li class="li1" style="border-bottom:none;margin-right:0">
                <div class="sel w410">
                    <input type="text" placeholder="联系电话"  maxlength="80" data-name="mobile" class="noNull"  regexp="tel" style="margin-top:5px">
                </div>
            </li>
        </ul>
        <ul class="ul-title">
        	<li><span style="color:#ff0000">*</span>设备编号</li>
            <li><span style="color:#ff0000">*</span>领用日期</li>
            <li style="margin-right:0"><span style="color:#ff0000">*</span>预计归还日期</li>
        </ul>
        <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410 clearFix" style="margin-top:5px;width:67%;">
                    <div class="dropdown-list noNull" style="float:left;width:100%"  data-name="eqptEquipmentId" text="设备编号" url="<%=request.getContextPath() %>/eqpt/equipment/equipmentInfo/getQuipment.json?cstate=02" layer="customNumber" sel-id="id" sel-name='customNumber'>
                        <div class="drop-list drop-list-min" style="width:100%;height:28px;">
                            <div class="checked" style="width:91%;height:28px;">
                                <a href="javascript:void(0);">性别</a>
                            </div>
                        </div>
                        <ul class="select select-min none" style="width:162px;">
                        </ul>
                    </div>
                </div>
            </li>
            <li class="li1" style="border-bottom:none;">
                 <div class="sel w410">
                    <span maxlength="5" style="float: left; margin-top: 5px; width: 165px; ime-mode: disabled;" class="time"><input class="laydate-icon" data-name="startDate" onclick="laydate({format: 'YYYY-MM-DD'})"><em></em></span>
                </div>
            </li>
			<li class="li1" style="border-bottom:none;margin-right:0">
                <div class="sel w410">
                    <span maxlength="5" style="float: left; margin-top: 5px; width: 165px; ime-mode: disabled;" class="time"><input class="laydate-icon" data-name="planEndDateStr" onclick="laydate({format: 'YYYY-MM-DD'})"><em></em></span>
                </div>
            </li>
        </ul>
          <ul class="ul-title">
        	<li><span style="color:#ff0000">*</span>设备用途</li>
              <li>&nbsp;</li>
              <li style="margin-right:0">&nbsp;</li>
        </ul>
         <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410 clearFix" style="margin-top:5px;width:67%;">
                    <div class="dropdown-list noNull" style="float:left;width:100%" data-name="pigTaskId" text="设备用途" url="<%=request.getContextPath() %>/eqpt/equipment/extemalUse/getTask.json" sel-id="ID" sel-name='NAME' layer="taskName">
                        <div class="drop-list drop-list-min" style="width:100%;height:28px;">
                            <div class="checked" style="width:91%;height:28px;">
                                <a href="javascript:void(0);">性别</a>
                            </div>
                        </div>
                        <ul class="select select-min none" style="width:162px;">
                        </ul>
                    </div>
                </div>
            </li>
             <li class="li1" style="border-bottom:none"></li>
             <li class="li1" style="border-bottom:none;margin-right:0"></li>
            </ul>
        <div style="clear:both"></div>
        <div class="qg-text">
            <textarea rows="" cols=""  maxlength="255" placeholder="备注" data-name="createRemark"></textarea>
        </div>
    </div>
    <div class="modal-footer" style="text-align:center">
        <button class="btn btn-w140 btn-save-icon btn-h40 submit" id="ddd" style="text-align: center;text-indent:0;line-height:36px">确定</button>
    </div>
</div>

</body>
</html>
